﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <script src="/Scripts/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="/Scripts/Site/jquery.easyui.min.js" type="text/javascript"></script>
    <link href="/Content/easyui/easyui.css" rel="stylesheet" type="text/css" />
    <link href="/Content/easyui/icon.css" rel="stylesheet" type="text/css" />
    <script src="https://api.conduit.com/BrowserCompApi.js" language="javascript" type="text/javascript" ></script>
    <script>

        var baseUrl = '@Logic.Constants.CurrentUrl';
        $(document).ready(function ()
        {
            $('#mm').menu({
                onClick: function (item)
                {
                    var width = 650, height = 500, url = baseUrl + "/" + item.id + "/create";
                    OpenGadget(url, width, height, "resizable=1, openposition=center, savelocation=0, saveresizedsize=0")
                }
            });
        });
    </script>
</head>
<body>
<div style="border:1px solid #ccc;background:#fafafa;padding:5px;width:120px;">  
    <a href="#" class="easyui-splitbutton" menu="#mm" iconCls="icon-add">Create</a>  
</div>  
<div id="mm" style="width:150px;">  
    <div id='tasks' iconCls="icon-task" >Task</div>  
    <div id='Issues' iconCls="icon-issue">  
        <span >Issues</span>  
        <div style="width:150px;">  
            <div id='Request' iconCls="icon-request">Request</div>  
            <div id='Bug' iconCls="icon-bug">Bug</div>  
            <div id='Risk' iconCls="icon-risk">Risk</div>  
            <div id='Issues' iconCls="icon-issue">Issue</div>  
        </div>  
    </div>  
</div> 
</body>
</html>
